<template>
  <div class="app-container">
    <el-tabs class="config_box" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="网络" name="first">
        <base-config :info="baseInfo" v-if="activeName == 'first'"></base-config>
      </el-tab-pane>
      <el-tab-pane label="端口" name="second"
        ><out-config :info="timeSet"  v-if="activeName == 'second'"></out-config>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import baseConfig from "./components/first.vue";
import OutConfig from "./components/second.vue";
export default {
  components: { baseConfig, OutConfig },
  data() {
    return {
      activeName: "first",
      baseInfo: {},
      timeSet: {},
      showInfo: {},
      machineList: [],
    };
  },
  created() {
  },
  methods: {
    handleClick() {},
    requestData() {},
    resetForm() {
      this.$refs["elForm"].resetFields();
    },
  },
};
</script>

<style lang="scss" scoped>
/deep/ .el-tabs__header {
  margin: 0 0 30px;
}
</style>>

